@charset "utf-8";
* { touch-action: pan-y; }
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei','Arial','Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
button:active, button:focus{ border:none; outline:0; }
/* 网站色值设置 */
body{--zhu-color:#004abb;--pei-color:#cb2b2b;}
.inner{ width: 1600px; margin:0 auto; }
@media only screen and (max-width: 1650px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 20px 0; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{ display: block; float: left; width: 36px; height: 36px; color: #fff; background: #666666; border-color: #666666; text-align: center; line-height: 36px; font-size: 14px; margin:0 2px; overflow: hidden; border-radius: 50%; }
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; border-radius: 5px; }
@media only screen and (max-width: 774px){
  .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{ display: none; }
}

/*down*/
.down{width: 100%;height: 52px;background:#004abb;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:92px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .down{ display: block; }
  .plugin-fixed-call{ display: none; }
}

/* h_top */
.h_top{ width: 100%; position: relative; }
.h_top::before{ content: ""; display: block; width: 100%; height: 100%; background: #ffffff; position: absolute; left:0; top:0; z-index: 34; }
.h_top .logo{ display: flex; width: 100%; height: 100%; align-items: center; position: relative; z-index: 35; }
.h_top .logo img{ max-width: 100%; position: relative;}
.h_top .nav{ display: flex; height:100%; align-items: center; justify-content: space-between; }
.h_top .nav > li{ width: 12.5%; height: 100%; display: inline-flex; align-items: center; justify-content: center; }
.h_top .nav > li > a{ display: block; padding:42px 0; font-size: 16px; color: #333333; transition: all .3s; position: relative; z-index: 35; }
.h_top .nav > li > a::before{ content: ""; display: block; width: 0; height: 3px; background: var(--pei-color); position: absolute; left:50%; bottom:0; transition: all .3s; }
.h_top .nav > li > a:hover{ transition: all .3s; color: var(--pei-color); }
.h_top .top_wrap{ position: static; }
.h_top .nav > li .drop_menu{ width: 100%; position: absolute; left:0; top:-260%; padding:80px 0; transition: all .3s; background: #fbfbfb; z-index: 33; }
.h_top .nav > li .drop_menu::after{ content: ""; display: block; width:30%; height: 100%; background: var(--zhu-color) url(../images/drop_menu_bg.jpg) no-repeat right top;; position: absolute; right:0; top:0; z-index: -1; }
.h_top .nav > li .drop_menu .inner{ position: relative; z-index: 33; }
.h_top .nav > li:hover .drop_menu{ top:100%; transition: all .3s; }
.h_top .nav > li:hover > a::before{ transition: all .3s; width: 100%; left:0; }
.drop_menu .row{ display: flex; align-items: center; justify-content: space-between; }
.drop_menu .link{ width:40%; }
.drop_menu .img{ width:60%; }
.drop_menu .link b{ color: #333; font-size: 28px; font-weight: normal; line-height: 1; margin-bottom: 12px; }
.drop_menu .link p{ color: #666666; font-size: 16px; line-height: 1; margin:20px 0; }
.drop_menu .link ul{ display: flex; align-items: center; justify-content: flex-start; margin-top: 12px; }
.drop_menu .link li a{ display: inline-block; padding:6px 0; font-size: 17px; color: #333333; position: relative; padding-left: 12px; transition: all .3s; }
.drop_menu .link li a::before{ content: ""; display: inline-block; width: 4px; height: 4px; background: #333333; border-radius: 2px; position: absolute; left:0; top:50%; margin-top: -2px; transition: all .3s; }
.drop_menu .link li a:hover{ transition: all .3s; color: var(--pei-color); font-weight: bold; padding-left: 30px; }
.drop_menu .link li a:hover::before{ transition: all .3s; border-radius: 0; background: var(--pei-color); width: 20px; }
.drop_menu .link li + li{ margin-left: 30px; }

.drop_menu .img{ display: flex; align-items: center; justify-content: flex-end; }
.drop_menu .img .txt{ padding:0 70px; }
.drop_menu .img .txt b{ font-size: 26px; display: block; line-height: 2; color: #fff; font-weight: normal; }
.drop_menu .img .txt a{ font-size: 16px; line-height: 2.3; display: block; color: #fff; transition: all .3s; }
.drop_menu .img .txt a:hover{ transition: all .3s; color: var(--pei-color); }


.h_top .tool_box{ display: flex; height:100%; align-items: center; justify-content: flex-end; position: relative; z-index: 35; }
.h_top .tool_box li{ position: relative; overflow: hidden; transition: all .3; }
.h_top .tool_box li .btn_group{ display: inline-flex; align-items: center; padding:0 28px; }
.h_top .tool_box li + li::before{ content: ""; display: inline-block; width: 1px; height: 13px; background: #d6d3d4; border:0; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.h_top .tool_box .btn_group span{ font-size: 18px; margin-right: 12px; color: #6e6e6e; line-height: 1; }
.h_top .tool_box .btn_group small{ font-size: 16px; color: #333333; line-height: 1; }
.h_top .tool_box li:nth-child(1) span, .h_top .tool_box li:nth-child(1) small{ font-size: 18px; font-weight: bold; color: var(--pei-color); }
.h_top .tool_box li:nth-child(2), .h_top .tool_box li:nth-child(3){ cursor: pointer; }
.h_top .tool_box .tool_ewm{ position: absolute; top:120%; left:0; z-index: 33; background: #fff; transition: all .3s; opacity: 0; }
.h_top .tool_box .tool_form{ width:240%; position: absolute; left:-140%; top:120%; z-index: 33; transition: all .3s; opacity: 0; display: flex; align-items: center; }
.h_top .tool_box .tool_form form{ width:calc(100% - 32px); display: flex; align-items: center; justify-content: space-between; background: #f6f6f6; padding:10px 18px; border-radius: 3px;  }
.h_top .tool_box .tool_form input{ width:calc(100% - 32px); box-sizing: border-box; background: transparent; font-size: 14px; color: #474747; }
.h_top .tool_box .tool_form button{ background: none; }
.h_top .tool_box .tool_form button span{ font-size: 18px; line-height: 1; color: #474747; transition: all .3s; }
.h_top .tool_box .tool_form button:hover span{ transition: all .3s; color: var(--pei-color); }
.h_top .tool_box li:hover{ transition: all .3s; overflow: visible; }
.h_top .tool_box li:hover .tool_ewm{ transition: all .3s; top:110%; opacity: 1; }
.h_top .tool_box .tool_form_on{ transition: all .3s; top:-10.5px; opacity: 1; }
.h_top .tool_box .tool_form .btn_close{ display: inline-block; padding:0 0 0 10px; background: #fff; }
.h_top .tool_box .tool_form .btn_close span{ font-size: 26px; color: #333; line-height: 1; transition: all .3s; display: inline-block; }
.h_top .tool_box .tool_form .btn_close:hover span{ transition: all .3s; transform: rotate(360deg); }
@media only screen and (min-width: 2000px){
  .h_top .nav > li .drop_menu{ top:-300%; }
  .h_top .nav > li .drop_menu::after{ width:36%; }
}

@media only screen and (max-width: 1800px){
  .h_top .nav > li .drop_menu{ background: #fbfbfb url(../images/drop_menu_bg.jpg) no-repeat 1200px top; }
}
@media only screen and (max-width: 1700px){
  .h_top .nav > li .drop_menu{ background: #fbfbfb url(../images/drop_menu_bg.jpg) no-repeat 1140px top; }
}
@media only screen and (max-width: 1600px){
  .h_top .tool_box li .btn_group{ padding:0 18px; }
  .h_top .nav > li .drop_menu{ background: #fbfbfb url(../images/drop_menu_bg.jpg) no-repeat 1000px top; }
  .drop_menu .link{ padding-left: 30px; }
}
@media only screen and (max-width: 1500px){
  .h_top .nav > li .drop_menu{ background: #fbfbfb url(../images/drop_menu_bg.jpg) no-repeat 900px top; }
}
@media only screen and (max-width: 1400px){
  /* .h_top .top_wrap{ display: none; }
  .h_top .nav > li .drop_menu{ display:none; } */
  .h_top .tool_wrap{ flex: 0 0 16.666667%; max-width: 16.666667%; }
  .h_top .nav_box{ flex: 0 0 66.666667%; max-width: 66.666667%; }
  .h_top .tool_box li{ display: none; }
  .h_top .tool_box li:nth-child(1){ display: block; }
  .h_top .tool_box li .btn_group{ padding:0; }
  .h_top .nav > li .drop_menu{ padding:40px 0; }
  .drop_menu .img .txt{ padding:0 20px; }
}
@media only screen and (max-width: 1200px){
  .h_top .inner{ padding:0; }
  .h_top .nav_box{ flex: 0 0 83.333333%; max-width: 83.333333%; }
  .h_top .tool_box li:nth-child(1){ display: none; }
  .drop_menu .img img{ width:50%; }
}
@media only screen and (max-width: 992px){
  .h_top{ padding:20px 0; }
  .h_top .top_wrap{ display: none; }
  .h_top .nav > li .drop_menu{ display:none; }
}
@media only screen and (max-width: 640px){
  .h_top{ padding:15px 0; }
}

html.hc-yscroll { overflow-y: scroll }
body.hc-nav-open { position: fixed; width: 100%; min-height: 100% }
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #36414c }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav h2 { font-size: 17px; font-weight: bold; font-weight: normal; text-align: left; padding: 20px 17px; color: #ffffff; }
.hc-mobile-nav a { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #283440 }
.hc-mobile-nav:not(.touch-device) a:hover { background: var(--zhu-color); color: #fff; }
.hc-mobile-nav li { text-align: left }
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a { background: #283440; border-top: 1px solid #283440; border-bottom: 1px solid #283440 }
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover { background: #283440 }
.hc-mobile-nav li.nav-parent a { padding-right: 58px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-mobile-nav li.nav-close span::before { margin-left: -6px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #283440 }
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: #2e6296 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #295887 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #2f649a }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }
#main-nav, .mob_nav{ display: none }
.mob_nav .toggle {position: relative; display: block; cursor: pointer; padding-left: 35px; min-height: 24px; z-index: 35; margin:28px 0; }
.mob_nav .toggle span { width: 35px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.mob_nav .toggle span,
.mob_nav .toggle span::before,
.mob_nav .toggle span::after { position: absolute; left: 0; height: 4px; background: #182631; transition: all .1s ease }
.mob_nav .toggle span::before,
.mob_nav .toggle span::after { content: ''; width: 100% }
.mob_nav .toggle span::before { top: -10px }
.mob_nav .toggle span::after { bottom: -10px }
.mob_nav .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.mob_nav .toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.mob_nav .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.mob_nav .toggle:hover span,
.mob_nav .toggle:hover span::before,
.mob_nav .toggle:hover span::after { background: var(--pei-color) }
.mob_nav .toggle div { display: inline-block; margin-right: 15px }
@media only screen and (max-width: 1200px){
  .mob_nav .toggle{ margin:0; }
}
@media only screen and (max-width: 992px){
  .mob_nav{ height: 100%; display: flex; align-items: center; justify-content: flex-end; }
}
@media only screen and (max-width: 768px){
  .mob_nav .toggle{ padding-left: 30px; }
  .mob_nav .toggle span{ width:30px; }
  .mob_nav .toggle span, .mob_nav .toggle span::before, .mob_nav .toggle span::after{ height:2px; }
}

/*banner*/
#banner{ width: 100%; position: relative; }
#banner .swiper-pagination{ bottom:30px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 42px; height: 12px; background: var(--pei-color); border-radius: 12px; border:none; }
/* #banner .swiper-slide-active .scaleBg{visibility: visible;-webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards;} */
#banner .swiper-slide a{ display: block; overflow: hidden; position: relative; }
#banner .swiper-slide a > img{ transition:9s ease; width: 100%;}
#banner .swiper-slide:nth-child(1) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(2) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(3) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(4) a > img { transform:scale(1.05); }
#banner .swiper-slide-active:nth-child(1) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(2) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(3) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(4) a > img { transform:scale(1)}
#ul_imgs{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
#ul_imgs .b1_tit { opacity: 0; position: absolute; top: 12%; left: 50%; -webkit-transform: translate3d(-50%, -13%, 0); transform: translate3d(-50%, -13%, 0); transition: all 0.2s ease 0.5s; }
#ul_imgs .b1_img { opacity: 0; position: absolute; top: 20%; left: 50%; -webkit-transform: translate3d(-50%, 46%, 0); transform: translate3d(-50%, 46%, 0); transition: all 0.2s ease 0.5s; }
#ul_imgs .b1_imgs { opacity: 0; position: absolute; top: 40%; left: 50%; -webkit-transform: translate3d(-50%, 66%, 0); transform: translate3d(-50%, 66%, 0); transition: all 0.2s ease 0.5s; }

#banner .swiper-slide-active .b1_tit { opacity: 1; transform: translate3d(-50%, 13%, 0); transition: all 0.6s ease 0.6s; }
#banner .swiper-slide-active .b1_img { opacity: 1; transform: translate3d(-50%, 32%, 0); transition: all 0.7s ease 0.7s; }
#banner .swiper-slide-active .b1_imgs { opacity: 1; transform: translate3d(-50%, 57%, 0); transition: all 0.8s ease 0.8s; }

#banner .speed { width:0; height:4px; background:var(--pei-color); position:absolute; bottom:0; left:0; z-index:99; }
#banner .speed.move { width:100vw; transition:5s width linear; }

@media only screen and (max-width: 1900px){
  #banner .swiper-slide a > img{ width: 100%;}
  #ul_imgs .b1_imgs{ width:100%; box-sizing: border-box; padding:0 30px; }
  #ul_imgs .b1_imgs img{ max-width: 100%; }
}
@media only screen and (max-width: 1700px){
  #ul_imgs .b1_img img, #ul_imgs .b1_tit img{ max-width: 90%; }
}
@media only screen and (max-width: 1600px){
   #ul_imgs .b1_tit img{ max-width: 80%; }
}
@media only screen and (max-width: 1500px){
  #ul_imgs .b1_tit img{ max-width: 70%; position: relative; left:30px; }
  #ul_imgs .b1_img img{ max-width: 80%; }
}
@media only screen and (max-width: 1400px){
  #ul_imgs .b1_tit { position: absolute; top: 10%; }
  #ul_imgs .b1_img { position: absolute; top: 16%; }
  #ul_imgs .b1_img img{ max-width: 70%; }
  #ul_imgs .b1_imgs { position: absolute; top: 36%; }
}
@media only screen and (max-width: 1200px){
  #ul_imgs .b1_tit, #ul_imgs .b1_img{ width:100%; box-sizing: border-box; padding:0 30px; text-align: center; }
  #ul_imgs .b1_tit img{ max-width: 70%; }
  #ul_imgs .b1_img img{ max-width: 40%; }
}
@media only screen and (max-width: 992px){
  #ul_imgs .b1_tit img{ left:0; }
}
@media only screen and (max-width: 640px){
  #banner .swiper-pagination{ bottom:15px; }
  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 32px; height: 8px; background: var(--pei-color); border-radius: 12px; border:none; }
}
@media only screen and (max-width: 576px){
}
@-webkit-keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}

#canvas{ position: absolute; width:100%; height: 100%; left:0; top:0; z-index: 33; }
#headline{ position: absolute; left:-9999px; }

/* m_tit */
.m_tit{ width: 100%; overflow: hidden; text-align: center; padding:60px 0 40px; }
.m_tit b{ display: block; font-size: 48px; color: #333333; line-height: 1; font-weight: normal; }
.m_tit p{ display: block; font-size: 20px; color: #999999; line-height: 1; margin-top: 20px; }
@media only screen and (max-width: 1400px){
  .m_tit{ padding:40px 0; }
  .m_tit b{ font-size: 42px; }
  .m_tit p{ font-size: 18px; }
}
@media only screen and (max-width: 1200px){
  .m_tit{ padding:30px 0; }
  .m_tit b{ font-size: 36px; }
}
@media only screen and (max-width: 992px){
  .m_tit{ padding:30px 0; }
  .m_tit b{ font-size: 32px; }
}
@media only screen and (max-width: 768px){
  .m_tit b{ font-size: 28px; }
  .m_tit p{ font-size: 16px; margin-top: 18px; }
}
@media only screen and (max-width: 640px){
  .m_tit{ padding:20px 0; }
  .m_tit b{ font-size: 24px; }
  .m_tit p{ font-size: 14px; margin-top: 15px; }
}
@media only screen and (max-width: 576px){
  .m_tit b{ font-size: 22px; }
  .m_tit p{ font-size: 13px; margin-top: 12px; }
}

/* ywfw */
.ywfw{ overflow: hidden; }
.ywfw .bd{ overflow: hidden; width: 100%; }
#type{ overflow: hidden; }
#type a{ display: block; overflow: hidden; position: relative; width: 100%; padding-bottom: 62%; }
#type a img{ width:100%; height:100%; position: absolute; object-fit: cover; transition: all .3s; }
#type a .info{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; box-sizing: border-box; padding:35px; position: absolute; left:0; top:0; width: 100%; height:100%;  background: -webkit-linear-gradient(left, #014bbb 5%, transparent 50%); background: -o-linear-gradient(right, #014bbb 5%, transparent 50%); background: -moz-linear-gradient(right, #014bbb 5%, transparent 50%); background: linear-gradient(to right, #014bbb 5%, transparent 50%); transition: all .3s; }
#type a .info span{ font-size: 46px; color: #fff; line-height: 1; transition: all .3s; }
#type a .info small{ text-transform: uppercase; font-size: 22px; margin:20px 0 12px; color: #fff; line-height: 1; font-family: DIN; font-weight: bold; }
#type a .info b{ margin-top: 0; line-height: 1; font-size: 24px; color: #fdfefe; display: inline-block; padding-right: 64px; position: relative; transition: all .3s; }
#type a .info b::after{ content: ""; display: inline-block; width: 56px; height:1px; background: #fff; border:0; position: absolute; right:0; top:50%; }
#type a:hover .info{ background: -webkit-linear-gradient(left, #014bbb 8%, transparent 80%); background: -o-linear-gradient(right, #014bbb 8%, transparent 80%); background: -moz-linear-gradient(right, #014bbb 8%, transparent 80%); background: linear-gradient(to right, #014bbb 8%, transparent 80%); transition: all .3s; }
#type a:hover img{ transition: all .3s; transform: scale(1.05); }
#type a:hover span{ transition: all .3s; margin-top: -30px; }
@media only screen and (max-width: 1400px){
  #type a .info small{ font-size: 28px; margin:12px 0; }
}
@media only screen and (max-width: 1200px){
  #type a .info{ padding:25px; }
  #type a .info span{ font-size: 36px; }
  #type a .info small{ font-size: 22px; }
  #type a .info b{ font-size: 20px; }
}
@media only screen and (max-width: 992px){
  #type a .info{ padding:30px; }
  #type a .info span{ font-size: 42px; }
  #type a .info small{ font-size: 26px; }
  #type a .info b{ font-size: 24px; }
}
@media only screen and (max-width: 768px){
  #type a .info{ padding:20px; }
  #type a .info span{ font-size: 36px; }
  #type a .info small{ font-size: 22px; }
  #type a .info b{ font-size: 20px; }
}
@media only screen and (max-width: 640px){
  #type a .info{ padding:30px; }
  #type a .info span{ font-size: 42px; }
  #type a .info small{ font-size: 26px; }
  #type a .info b{ font-size: 24px; }
  #type a{ padding-bottom: 50%; }
}
@media only screen and (max-width: 576px){
  #type a .info{ padding:30px; }
  #type a .info span{ font-size: 24px; }
  #type a .info small{ font-size: 18px; }
  #type a .info b{ font-size: 18px; }
}

/* gcal */
.gcal{ overflow: hidden; padding:60px 0; }
.gcal .hd{ overflow: hidden; text-align: center; width: 100%; }
.gcal .hd b{ font-size: 36px; color: #333333; line-height: 1; font-weight: 200; display: block; margin-bottom:40px; }
.gcal .bd{ overflow: hidden; text-align: center; width: 100%; }
.gcal .bd a{ display: block; overflow: hidden; }
.gcal .bd a .img{ width:100%; padding-bottom: 62%; position: relative; overflow: hidden; }
.gcal .bd a .img img{ width:100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; left:0; }
.gcal .bd a b{ display: block; font-size: 18px; color: #333333; line-height: 2.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: normal; }
.gcal .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.gcal .bd .btn{ margin-top: 30px; text-align: center; }
.gcal .bd .btn a{ display: inline-block; padding:22px 54px; border:1px solid #dedede; border-radius: 5px; font-size: 18px; color: #333333; font-weight: normal; line-height: 1; transition: all .3s; }
.gcal .bd .btn a + a{ margin-left: 42px; background: var(--zhu-color); color: #ffffff; border-color: #cfd3da; }
.gcal .bd .btn a:hover{ transition: all .3s; background: var(--pei-color); color: #fff; }
@media only screen and (max-width: 1400px){
  .gcal{ padding:60px 0; }
  .gcal .bd a b{ font-size: 15px; }
}
@media only screen and (max-width: 1200px){
  .gcal{ padding:40px 0; }
  .gcal .hd b{ margin-bottom: 40px; }
  .gcal .bd .btn{ margin-top: 40px; }
  .gcal .bd .btn a{ padding:12px 24px; font-size: 15px; }
  .gcal .bd .btn a + a{ margin-left: 20px; }
  .gcal .hd b{ font-size: 30px; }
}
@media only screen and (max-width: 992px){
  .gcal{ padding:30px 0; }
  .gcal .hd b{ margin-bottom: 20px; }
  .gcal .bd .btn{ margin-top: 30px; }
  .gcal .bd .btn a + a{ margin-left: 15px; }
  .gcal .hd b{ font-size: 28px; }
}
@media only screen and (max-width: 768px){
  .gcal{ padding:20px 0; }
  .gcal .hd b{ margin-bottom: 10px; }
  .gcal .bd .btn{ margin-top: 20px; }
  .gcal .bd .btn a + a{ margin-left: 10px; }
  .gcal .hd b{ font-size: 24px; }
  .gcal .bd .btn a{ font-size: 15px; }
}
@media only screen and (max-width: 640px){
  .gcal{ padding:15px 0; }
  .gcal .hd b{ margin-bottom: 6px; }
  .gcal .bd .btn{ margin-top: 15px; }
  .gcal .bd .btn a + a{ margin-left: 5px; }
  .gcal .hd b{ font-size: 20px; }
  .gcal .bd .btn a{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
  .gcal .bd .btn a{ font-size: 13px; }
}

/* gywm */
.gywm{ overflow: hidden; }
.gywm .m_tit{ padding:0 0 40px; }
.gywm .bd{ padding:60px 0 60px; background: #f6f6f6; position: relative; }
.gywm .bd > img{ position: absolute; left:50%; top:0; }
.gywm .intro, .gywm .company_data{ position: relative; z-index: 3; }
.gywm .intro .tit{ display: flex; align-items: flex-start; }
.gywm .intro .tit span{ font-size: 72px; color: var(--zhu-color); text-transform: capitalize; font-family: "DINB"; line-height: 1; }
.gywm .intro .tit small{ font-size: 12px; background: var(--pei-color); width:34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; color: #fff; }
.gywm .intro b{ letter-spacing: 2px; display: block; font-size: 36px; color: #333333; font-family: "YS"; line-height: 1; margin:16px 0 50px; }
.gywm .intro .info{ font-size: 16px; color: #333333; line-height: 1.8; }
.gywm .intro .video_btn{ margin:44px 0 56px; display: flex; align-items: center; }
.gywm .intro .video_btn span{ font-size: 36px; line-height: 1; color: #4d4d4d; margin-right: 10px; }
.gywm .intro .video_btn small{ font-size: 16px; line-height: 1; color: #333333; }
.company_data{ display: inline-flex; background: #fff; box-sizing: border-box; box-shadow: 0 0 12px rgba(0, 0, 0, .07); }
.company_data li{ padding:40px 90px; display: flex; flex-direction: column; position: relative; }
.company_data li + li{ border-left: 1px solid #ebe8e8; }
.company_data li i{ font-size: 48px; color: var(--zhu-color); line-height: 1; margin-bottom: 12px; position: relative; z-index: 3; transition: all .5s; }
.company_data li .num{ display: inline-flex; align-items: flex-start; position: relative; z-index: 3; transition: all .5s; }
.company_data li span{ display: inline-block; font-size: 60px; color: #232323; font-family: "DINB"; line-height: 1; position: relative; z-index: 3; transition: all .5s; }
.company_data li small{ display: inline-block; font-size: 24px; color: #232323; line-height: 1; position: relative; left:6px; top:6px; z-index: 3; transition: all .5s; }
.company_data li p{ font-size: 16px; color: #232323; line-height: 1; margin-top: 24px; position: relative; z-index: 3; transition: all .5s; }

.company_data li > span { position: absolute; width: 100%; height: 50%; left: 0; z-index: 2; }
.company_data li > span:after,
.company_data li > span:before { position: absolute; content: ''; background-color: var(--zhu-color); width: 0; height: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.company_data li > span:before { left: 0; }
.company_data li > span:after { right: 0; }
.company_data li > span.t { top: 0; }
.company_data li > span.t:after,.company_data li > span.t:before { top: 0; }
.company_data li > span.b { bottom: 0; }
.company_data li > span.b:after,.company_data li > span.b:before { bottom: 0; }
.company_data li:hover i{ color: #fff; transition: all .5s; }
.company_data li:hover .num span{ color: #fff; transition: all .5s; }
.company_data li:hover .num small{ color: #fff; transition: all .5s; }
.company_data li:hover p{ color: #fff; transition: all .5s; }
.company_data li:hover > span:before,.company_data li:hover > span:after { width: 50%; height: 100%; }

@media only screen and (max-width: 1400px){
  .gywm .intro .tit span{ font-size:62px; }
  .gywm .bd{ padding:50px 0; }
  .gywm .intro b{ margin:16px 0 24px; }
  .gywm .intro .video_btn{ margin:24px 0 36px; }
  .company_data li{ padding:30px 60px; }
}
@media only screen and (max-width: 1200px){
  .gywm .bd{ position: relative; }
  .gywm .bd .inner .row > .row{ margin:0; padding:0; }
  .gywm .bd::before{ content:""; display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 3; background: rgba(255, 255, 255, 0.2); }
  .gywm .bd > img{ left:0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
  .company_data li span{ font-size: 48px; }
  .company_data li i{ font-size: 36px; }
}
@media only screen and (max-width: 992px){
  .company_data li span{ font-size: 42px; }
  .company_data li i{ font-size: 30px; }
  .gywm .m_tit{ padding:0 0 30px; }
  .gywm .intro .info{ text-shadow: 0 0 3px rgba(255, 255, 255, 0.8); }
}
@media only screen and (max-width: 768px){
  .gywm .company_data{ width:100%; display: flex; align-items: center; justify-content: space-between; }
  .company_data li{ width: 33.3%; padding:30px 0; text-align: center; }
  .company_data li .num{ justify-content: center; }
  .company_data li p{ margin-top: 12px; }
  .company_data li span{ font-size: 36px; }
  .company_data li{ padding:25px 0; }
}
@media only screen and (max-width: 640px){
  .gywm .bd{ padding:30px 0; }
  .gywm .intro .tit span{ font-size: 42px; }
  .gywm .intro b{ font-size: 28px; margin:12px 0 20px; }
  .company_data li span{ font-size: 30px; }
  .company_data li small{ font-size: 14px; }
  .company_data li i{ font-size: 24px; }
  .company_data li p{ margin-top: 10px; font-size: 14px; }
  .company_data li{ padding:20px 0; }
}
@media only screen and (max-width: 576px){
  .gywm .intro .tit span{ font-size: 34px; }
  .gywm .intro .tit small{ margin-left: 10px; }
  .gywm .intro .video_btn{ margin:12px 0 24px; }
  .gywm .intro .info{ font-size: 15px; line-height: 1.5; }
  .company_data li{ padding:15px 0; }
  .company_data li span{ font-size: 22px; }
  .company_data li small{ font-size: 12px; }
  .company_data li i{ font-size: 20px; margin-bottom: 10px; }
  .company_data li p{ margin-top: 10px; font-size: 12px; }
}

/* xwzx */
.xwzx{ overflow: hidden; }
.xwzx .m_tit{ padding: 60px 0 40px; }
.xwzx .bd{ overflow: hidden; width:100%; }
.xwzx .bd a{ display: block; width: 100%; box-sizing: border-box; background: #ffffff; position: relative; }
.xwzx .bd a .img{ width: 100%; padding-bottom: 59%; position: relative; overflow: hidden; }
.xwzx .bd a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.xwzx .bd a .txt{ padding:44px 26px; background: #f2f4f6; }
.xwzx .bd a .txt b{ display: block; font-size: 24px; color: #333333; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.xwzx .bd a .txt p{ margin:30px 0 48px; font-size: 14px; color: #999999; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition: all .3s; }
.xwzx .bd a .txt .tool{ display: flex; align-items: center; justify-content: space-between; }
.xwzx .bd a .txt small{ display: inline-block; font-size: 24px; color: #666666; line-height: 1; transition: all .3s; font-weight: bold; font-family: "DIN"; }
.xwzx .bd a .txt span{ font-size: 14px; color: #666666; line-height: 1; display: inline-flex; align-items: center; }
.xwzx .bd a .txt span i{ font-size: 16px; line-height: 1; color: var(--zhu-color); margin-left: 10px; }
.xwzx .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.xwzx .bd a:hover .txt b{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .xwzx{ padding: 0; }
  .xwzx .m_tit{ padding:40px 0; }
}
@media only screen and (max-width: 1200px){
  .xwzx .m_tit{ padding:30px 0; }
  .xwzx .bd a .txt{ padding:25px; }
  .xwzx .bd a .txt b{ font-size: 20px; }
  .xwzx .bd a .txt p{ margin:18px 0 22px; -webkit-line-clamp:2; }
  .xwzx .bd a .txt small{ font-size: 18px; }
}
@media only screen and (max-width: 992px){
  .xwzx .m_tit{ padding:25px 0; }
  .xwzx .bd a .txt{ padding:18px; }
  .xwzx .bd a .txt b{ font-size: 18px; }
  .xwzx .bd a .txt p{ font-size: 13px; line-height: 1.5; }
}
@media only screen and (max-width: 768px){
  .xwzx .m_tit{ padding:20px 0; }
  .xwzx .bd a .txt b{ font-size: 17px; }
  .xwzx .bd a .txt p{ margin:8px 0 12px; }
}
@media only screen and (max-width: 640px){
  .xwzx .bd a .txt{ padding:15px; }
  .xwzx .bd a .txt small{ font-size: 16px; }
}
@media only screen and (max-width: 576px){
  .xwzx .bd a .txt{ padding:12px 10px; }
  .xwzx .bd a .txt b{ font-size: 15px; font-weight: normal; }
  .xwzx .bd a .txt p{ display: none; }
  .xwzx .bd a .txt .tool{ flex-direction: column; align-items: flex-start; margin-top: 10px; }
  .xwzx .bd a .txt small{ margin-bottom: 12px; }
}

/* jcsx */
.jcsx{ overflow: hidden; padding-bottom: 60px; }
.jcsx .m_tit{ padding: 60px 0 40px; }
.jcsx .bd{ overflow: hidden; width:100%; margin:0; }
.jcsx .bd .left{ padding-left: 0; }
.jcsx .bd .right{ padding-right: 0; }
.jcsx .solution_box{ overflow: hidden; }
.solution_box a{ display: block; width: 100%; padding-bottom: 55.1%; position: relative; overflow: hidden; }
.solution_box a::after{ content: ""; position: absolute; left:0; bottom:-100%; display: block; width: 100%; height:100px; background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,.5))); background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,.5) 100%); background: -o-linear-gradient(top, transparent 0%,rgba(0,0,0,.5) 100%); background: -ms-linear-gradient(top, transparent 0%,rgba(0,0,0,.5) 100%); background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,.5) 100%); transition: all .3s; }
.solution_box a img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.solution_box a b{ font-weight: normal; display: inline-flex; align-items: center; font-size: 30px; color: #ffffff; position: absolute; left:0; bottom:0; padding:26px 32px; z-index: 3; }
.solution_box a b span{ margin-left: 12px; font-size: 38px; line-height: 1; }
.solution_box a:hover img{ transition: all .3s; transform: scale(1.05); }
.solution_box a:hover::after{ transition: all .3s; bottom:0; }
.jcsx .bd .right .solution_box + .solution_box{ margin-top: 30px; }
.jcsx .bd .right a{ padding-bottom: 53%; }
@media only screen and (max-width: 1400px){
  .jcsx{ padding: 0 0 40px; }
  .jcsx .m_tit{ padding:40px 0; }
}
@media only screen and (max-width: 1200px){
  .jcsx{ padding: 0 0 30px; }
  .jcsx .m_tit{ padding:30px 0; }
  .solution_box a b{ font-size: 22px; padding:20px; }
  .solution_box a b span{ font-size: 24px; }
  .jcsx .bd .right .solution_box + .solution_box{ margin-top: 23px; }
}
@media only screen and (max-width: 992px){
  .jcsx{ padding: 0 0 25px; }
  .jcsx .m_tit{ padding:25px 0; }
  .jcsx .bd .right .solution_box + .solution_box{ margin-top: 20px; }
  .solution_box a b{ font-size: 18px; padding:15px; }
  .solution_box a b span{ font-size: 20px; }
}
@media only screen and (max-width: 768px){
  .jcsx{ padding: 0 0 20px; }
  .jcsx .m_tit{ padding:20px 0; }
  .jcsx .inner{ padding:0; }
  .jcsx .bd .left{ padding-left: 15px; }
  .jcsx .bd .right{ padding-right: 15px; }
  .jcsx .solution_box{ margin-top: 24px; }
  .solution_box a, .jcsx .bd .right a{ padding-bottom: 42%; }
}
@media only screen and (max-width: 640px){
  .jcsx{ padding: 0 0 15px; }
  .jcsx .m_tit{ padding:15px 0; }
  .solution_box a, .jcsx .bd .right a{ padding-bottom: 56%; }
  .jcsx .solution_box{ margin-top: 15px!important; }
}
@media only screen and (max-width: 576px){
  .solution_box a, .jcsx .bd .right a{ padding-bottom: 62%; }
}

/* footer */
.footer{ padding:70px 0 0; background: url(../images/footer_bg.jpg) no-repeat top center; overflow: hidden; position: relative; }
#lizi{ position: absolute; left:0; top:0; z-index: 3; }
.footer .inner{ position: relative; z-index: 4; }
.footer .row > div{ padding:0; }
.f_info{ overflow: hidden; }
.f_info .f_logo{ margin:8px 0 22px; display: inline-block; }
.f_info li{ display: flex; align-items: center; padding:8px 0; }
.f_info li span{ font-size: 20px; color: #605e5e; line-height: 1; margin-right: 12px; }
.f_info li small{ font-size: 14px; color: #666666; line-height: 1; }
.f_nav{ display: flex; align-items: flex-start; justify-content: space-around; }
.f_nav li{ display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all .3s; }
.f_nav li b{ font-weight: normal; font-size: 22px; color: #000000; line-height: 1; display: block; margin:10px 0 24px; }
.f_nav li b a{ font-size: 22px; color: #000000; }
.f_nav li > a{ display: inline-block; font-size: 16px; color: #666666; line-height: 1.8; transition: all .3; }
.f_nav li a:hover{ transition: all .3s; color: var(--pei-color); }
.f_ewm{ display: flex; align-items: flex-start; justify-content: flex-end; }
.f_ewm div{ display: inline-flex; padding:10px; border:1px solid #cbcbcb; flex-direction: column; justify-content: center; align-items: center; }
.f_ewm div img{ max-width: 100%; }
.f_ewm div p{ margin:20px 0 4px; font-size: 14px; color: #333333; }
.f_ewm div + div{ margin-left: 18px; }
.f_copy{ margin-top: 46px; }
.f_copy ul{ border-top: 1px solid #c6c4c4; padding:20px 0; display: flex; width:100%; align-items: center; justify-content: space-between; }
.f_copy li{ display: inline-flex; align-items: center; }
.f_copy li span{ float: left; font-size: 14px; color: #333333; }
.f_copy li #share-2{ float: left; }
.f_copy li .social-share-icon{ background: #fff; border-radius: 50%; border-color: #ffffff; }
.f_copy li .social-share .icon-weibo{ color: #818181; border-color: #ffffff; }
.f_copy li .social-share .icon-qq{ color: #818181; border-color: #ffffff; }
.f_copy li .social-share .icon-wechat{ color: #818181; border-color: #ffffff; }
.f_copy li .social-share .icon-weibo:hover{ color: #fff; border-color: #ff763b; }
.f_copy li .social-share .icon-qq:hover{ color: #fff; border-color: #56b6e7; }
.f_copy li .social-share .icon-wechat:hover{ color: #fff; border-color: #7bc549; }
.f_copy li:nth-child(2){ font-size: 14px; color: #666666; line-height: 1; }
.f_copy li:nth-child(2) a{ font-size: 14px; color: #666666; }
.f_copy li select{ font-size: 14px; color: #666666; background: transparent; padding:8px 24px; border:1px solid #c9c9c9; border-radius: 3px; }
@media only screen and (max-width: 1400px){
  .footer{ padding:40px 0 0; }
  .f_copy{ margin-top:40px; }
  .f_ewm{ padding-right: 32px; }
  .f_copy li:nth-child(3){ padding-right: 32px; }
}
@media only screen and (max-width: 1200px){
  .footer{ padding:35px 0 0; }
  .f_copy{ margin-top:35px; }
  .f_info .f_logo{ margin:0 0 6px; }
  .f_info li{ padding:3px 0; }
  .f_copy ul{ flex-direction: column; padding:10px 0; }
  .f_copy li + li{ margin-top: 10px; }
  .f_ewm{ padding-right: 0px; }
  .f_ewm div + div{ margin-left: 6px; }
  .f_ewm div{ padding:0; }
  .f_ewm div p{ margin:8px 0; }
  .f_info li small{ line-height: 1.5; }
  .f_nav li b{ margin:0 0 18px; }
  .f_nav li b a{ font-size: 18px; }
  .f_nav li > a{ font-size: 15px; }
}
@media only screen and (max-width: 992px){
  .footer{ padding:30px 0 0; background-size: cover; }
  .f_copy{ margin-top:0; }
  .f_info{ text-align: center; }
  .f_info .f_logo{ margin:0 0 24px; }
  .f_info ul{ display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .f_nav{ padding:24px 0 0; justify-content: center; }
  .f_nav li b{ margin:0 12px; }
  .f_nav li > a{ display: none; }
  .f_ewm{ padding:24px 0; justify-content: center; }
}
@media only screen and (max-width: 768px){
  .footer{ padding:25px 0 0; }
  .f_info .f_logo{ margin:0 0 20px; }
  .f_copy{ margin-bottom: 52px; }
  .f_copy li:nth-child(2){ flex-direction: column; line-height: 1.8; font-size: 15px; }
  .f_copy li:nth-child(2) a{ font-size: 15px; }
}
@media only screen and (max-width: 640px){
  .footer{ padding:20px 0 0; }
  .f_info .f_logo{ margin:0 0 14px; }
  .f_nav{ padding:14px 0 0; }
  .f_copy li:nth-child(2){ line-height: 1.5; font-size: 14px; justify-content: center; text-align: center; }
  .f_copy li:nth-child(2) a{ font-size: 14px; }
  .f_nav li b a{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
  .f_copy li:nth-child(2){ line-height: 1.5; font-size: 12px; }
  .f_copy li:nth-child(2) a{ font-size: 12px; }
  .f_copy li select{ padding:4px 16px; }
  .f_nav li b{ margin:0 6px; }
}

/* s_banner */
.s_banner{ height:470px; background:url(../images/s_banner.jpg) no-repeat top center; background-attachment: fixed; }
.s_banner b{ display: none; }
.company_banner{ background:url(../images/company_banner.jpg) no-repeat 0px -190px; background-attachment: fixed; }
.news_banner{ background:url(../images/news_banner.jpg) no-repeat top center; background-attachment: fixed; }
.job_banner{ background:url(../images/job_banner.jpg) no-repeat top center; background-attachment: fixed; }
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat top center; background-attachment: fixed; }
.service_banner{ background:url(../images/service_banner.jpg) no-repeat top center; background-attachment: fixed; }
.job_banner{ background:url(../images/job_banner.jpg) no-repeat top center; background-attachment: fixed; }
@media only screen and (max-width: 1400px){
  .s_banner{ height:400px; background-size: cover; }
}
@media only screen and (max-width: 1200px){
  .s_banner{ height:360px; }
}
@media only screen and (max-width: 992px){
  .s_banner{ height:340px; }
}
@media only screen and (max-width: 768px){
  .s_banner{ height:300px; }
}
@media only screen and (max-width: 640px){
  .s_banner{ height:240px; display: flex; align-items: center; justify-content: center; }
  .s_banner b{ display: block; font-size: 28px; font-weight: bold; color: var(--zhu-color); position: relative; padding-bottom: 24px; }
  .s_banner b::after{ content: ""; display: block; width: 30px; height: 3px; border:0; background: var(--zhu-color); position: absolute; bottom:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
}
@media only screen and (max-width: 576px){
  .s_banner b{ display: block; font-size: 22px; font-weight: bold; color: var(--zhu-color); }
}

/* location */
.location{ overflow: visible; }
.location .row{ position: relative; display: flex; align-items: center; justify-content: flex-end; }
.catname{ background: #004abb; padding:50px 26px 66px; position: absolute; bottom:0; left:0; }
.catname::after{ content: ""; display: inline-block; width:1px; height:40px; background: #ffffff; border:0; position: absolute; left:30px; bottom:0; }
.catname b{ font-size: 30px; font-weight: bold; color: #ffffff; line-height: 1; display: block; margin-bottom: 20px; }
.catname span{ color: #fff; font-size: 24px; line-height: 1; font-family: "DIN"; font-weight: 200; line-height: 1; text-transform: uppercase; }
.crumbs{ padding:25px 0; }
.crumbs p{ display: inline-flex; align-items: center; }
.crumbs p, .crumbs p a{ font-size: 14px; color: #777777; transition: all .3s; }
.crumbs p span{ font-size: 16px; color: #828282; margin-right: 4px; }
.crumbs p a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .catname{ padding:30px 24px 46px; }
  .catname b{ margin-bottom: 12px; }
}
@media only screen and (max-width: 1200px){
  .catname{ padding:30px 24px; }
  .catname b{ font-size: 24px; }
  .catname span{ font-size: 18px; }
  .catname::after{ height: 20px; }
}
@media only screen and (max-width: 992px){
  .catname{ padding:24px 16px; }
  .catname b{ font-size: 22px; }
  .catname span{ font-size: 16px; }
  .catname::after{ height: 12px; }
}
@media only screen and (max-width: 768px){
  .crumbs{ padding:16px 0; }
  .catname{ padding:20px 14px; }
  .catname b{ font-size: 18px; }
  .catname::after{ height: 8px; }
  .catname{ display: inline-flex; align-items: center; }
  .catname span{ margin-left: 12px; font-size: 18px; }
  .catname b{ margin-bottom: 0; }
}
@media only screen and (max-width: 640px){
  .crumbs{ padding:12px 0; }
  .catname b{ font-size: 17px; }
  .catname span{ font-size: 16px; }
  .location{ background:#f1f1f1; }
  .location .inner{ padding: 0 10px 0 0; }
}
@media only screen and (max-width: 576px){
  .crumbs{ padding:8px 0; }
  .catname{ padding:12px; }
  .catname span{ display: none; }
  .catname b{ font-size: 16px; font-weight: normal; }
  .catname::after{ display: none; }
}

/* main */
.main{ padding:20px 0; background: #fff;  }
.main .n_tit{ margin:22px 0 52px; border-bottom: 1px solid #dddada; display: flex; align-items: center; justify-content: space-between; padding:20px 0; width: 100%; }
.main .n_tit b{ display: inline-block; font-size: 30px; color: #333333; line-height: 1; position: relative; font-weight: normal; }
.main .n_tit b::after{ content: ""; display: inline-block; width: 100%; height:2px; background:var(--zhu-color); border:0; position: absolute; bottom:-20px; left:0; }
.main .n_tit a{ font-size: 16px; color: #333333; line-height: 1; transition: all .3s; }
.main .n_tit a:hover{ transition: all .3s; letter-spacing: 1px; color: var(--pei-color); }
@media only screen and (max-width: 1600px){
  .main .n_tit{ margin:10px 0 30px; }
}
@media only screen and (max-width: 1200px){
  .main .n_tit{ margin:8px 0 26px; }
  .main .n_tit{ padding:16px 0; }
  .main .n_tit b{ font-size:26px; }
  .main .n_tit b::after{ bottom:-16px; }
}
@media only screen and (max-width: 992px){
  .main .n_tit{ margin:6px 0 22px; }
  .main .n_tit{ padding:14px 0; }
  .main .n_tit b{ font-size:24px; }
  .main .n_tit b::after{ bottom:-14px; }
  .main .n_tit a{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .main .n_tit{ margin:5px 0 20px; }
  .main .n_tit{ padding:10px 0; }
  .main .n_tit b{ font-size:20px; }
  .main .n_tit b::after{ bottom:-10px; }
  .main .n_tit a{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .main .n_tit{ margin:4px 0 16px; }
  .main .n_tit b{ font-size:18px; }
  .main .n_tit b::after{ bottom:-10px; }
  .main .n_tit a{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .main .n_tit b{ font-size:17px; }
  .main .n_tit a{ font-size: 12px; }
}

/* article */
.article{ width: 100%; }
.article .content{ font-size: 16px; color: #333333; line-height: 1.8; }
.article .content img{ max-width:100%; }
.product{ padding:0 15px; }

/* product_list */
.product_list{ overflow: visible; }
.product_list li{ box-sizing: border-box; padding:0; margin-top: 30px; position: relative; transition: all .3s; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);}
.product_list li > a{ display: block; box-sizing: border-box; padding:30px; }
.product_list li > a .img{ width: 100%; padding-bottom: 63%; position: relative; overflow: hidden; }
.product_list li > a .img img{ width: 100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
.product_list li > a .txt{ overflow: hidden; }
.product_list li > a .txt b{ font-size: 18px; color: #333333; display: block; margin: 10px 0; font-weight: bold; transition: all .3s; }
.product_list li > a .txt span{ display: block; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 16px; color: #999999; }
.product_list li > .more{ background: #fff; z-index: 33; position: absolute; left:0; width: 100%; height: auto; display: none; bottom:-98px; transition: all .3s; }
.product_list li > .more a{ display: flex; align-items: center; width: 100%; justify-content: space-between; box-sizing: border-box; padding:15px 30px; border-top: 1px solid #e2e2e2; font-size: 16px; color: #333; transition: all .3s; }
.product_list li > .more a small{ font-size: 16px; color: #333; }
.product_list li > .more a span{ font-size: 16px; color: #333; line-height: 1; }
.product_list li:hover > a{ transition: all .3s; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); }
.product_list li:hover > a img{ transition: all .3s; transform: scale(1.05); }
.product_list li:hover > a .txt b{ color: var(--zhu-color); transition: all .3s; }
.product_list li:hover .more{ display: block; transition: all .3s; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); }
.product_list li .more a:hover{ transition: all .3s; background: var(--zhu-color); }
.product_list li .more a:hover small{ transition: all .3s; color: #fff; }
.product_list li .more a:hover span{ transition: all .3s; color: #fff; }
@media only screen and (max-width: 1400px){
  .product_list li{ margin-top: 20px; }
  .product_list li > a{ padding:20px; }
  .product_list li > .more{ bottom:-88px; }
  .product_list li > .more a{ padding:10px 20px; }
}
@media only screen and (max-width: 1200px){
  .product_list li > a{ padding:30px; }
  .product_list li > .more{ bottom:-98px; }
  .product_list li > .more a{ padding:15px 30px; }
}
@media only screen and (max-width: 992px){
  .product_list li > a{ padding:15px; }
  .product_list li > .more{ bottom:-80px; }
  .product_list li > .more a{ padding:10px 15px; }
  .product_list li > a .txt b{ font-size:16px; font-weight: normal; }
  .product_list li > a .txt span{ font-size: 13px; }
  .product_list li > .more a small, .product_list li > .more a span{ font-size:13px; }
}
@media only screen and (max-width: 768px){
  .product_list li > a{ padding:15px; }
  .product_list li > .more{ bottom:-80px; }
  .product_list li > .more a{ padding:10px 15px; }
  .product_list li > a .txt b{ font-size:18px; font-weight: bold; }
  .product_list li > a .txt span{ font-size: 14px; }
  .product_list li > .more a small, .product_list li > .more a span{ font-size:14px; }
}
@media only screen and (max-width: 640px){
  .product_list li{ margin-top: 15px; }
  .product_list li > a{ padding:15px; }
  .product_list li > .more{ bottom:-80px; }
  .product_list li > .more a{ padding:10px 15px; }
  .product_list li > a .txt b{ font-size:16px; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .product_list li > a .txt span{ font-size: 13px; }
  .product_list li > .more a small, .product_list li > .more a span{ font-size:13px; }
}
@media only screen and (max-width: 576px){
  .product_list{ border-bottom: 1px solid rgba(0, 0, 0, .07); }
  .product_list li{ margin-top: 0; }
  .product_list li > a{ padding:8px; border:1px solid rgba(0, 0, 0, .07); border-bottom: 0; }
  .product_list li:nth-child(2n+0) > a{ border-left: 0; }
  .product_list li > a .txt span{ display: none; }
  .product_list li > a .txt b{ font-size: 14px;  }
  .product_list li > a .txt span{ font-size: 12px; }
  .product_list li > .more{ bottom:-66px; }
  .product_list li > .more a{ padding:8px; }
  .product_list li > .more a small, .product_list li > .more a span{ font-size:12px; }
}

/* company_intro */
.company_intro{ overflow: visible; display: flex; align-items: center; justify-content: space-between; padding:30px 0 60px; }
.company_intro .fl, .company_intro .fr{ width: 50%; box-sizing: border-box; }
.company_intro .fl{ padding-right: 15px; }
.company_intro .fr{ padding-left: 15px; }
.company_intro .fl .tit{ display: flex; align-items: flex-start; }
.company_intro .fl .tit span{ font-size: 72px; color: var(--zhu-color); text-transform: capitalize; font-family: "DINB"; line-height: 1; }
.company_intro .fl .tit small{ font-size: 12px; background: var(--pei-color); width:34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; color: #fff; }
.company_intro .fl b{ letter-spacing: 2px; display: block; font-size: 36px; color: #333333; font-family: "YS"; line-height: 1; margin:16px 0 50px; }
.company_intro .fl .info{ font-size: 16px; color: #333333; line-height: 1.8; }
.company_intro .fl .info p{ margin-bottom: 36px; }
.company_intro .fl .company_data{ margin-top: 22px; width:100%; }
.company_intro .fl .company_data li{ padding:40px 0; text-align: center; width: 33.3%; }
.company_intro .fl .company_data li .num{ justify-content: center; }
.company_intro .fl .company_intro .tit span{ letter-spacing: 2px; }
.company_intro .fl .company_intro .tit small{ margin-left: 22px; }
.company_intro .fl .company_intro b{ font-size: 30px; }
.company_intro .fr .tit{ position: relative; overflow: hidden; padding-bottom: 78px; }
.company_intro .fr .tit span{ line-height: 1; text-transform: capitalize; font-size: 160px; color: #ffffff; font-weight: bold; -webkit-text-stroke: 1px #eaeced; }
.company_intro .fr .tit b{ display: block; position: absolute; top:70px; left:20px; padding-left: 64px; padding-top:20px; font-size: 24px; color: #333333; font-weight: bold; background: url(../images/ico_sem.png) no-repeat left top; line-height: 1; }
.company_intro .fr p{ font-size: 16px; color: #333333; line-height: 1.875; }
.company_intro .fr > img{ margin-top: 54px; max-width: 100%; }
@media only screen and (max-width: 1400px){
  .company_intro{ padding:30px 0 50px; }
  .company_intro .fl .company_data{ margin-top:0; }
  .company_intro .fl .company_data li span{ font-size: 48px; }
  .company_intro .fl .company_data li{ padding:30px 0; }
  .company_intro .fl .info p{ margin-bottom: 24px; }
  .company_intro .fr .tit span{ font-size: 110px; }
  .company_intro .fr .tit b{ font-size: 20px; }
  .company_intro .fl b{ margin:16px 0 24px; }
  .company_intro .fr .tit{ padding:100px 0; }
  .company_intro .fr .tit b{ top:140px; }
}
@media only screen and (max-width: 1200px){
  .company_intro{ padding:30px 0 40px; }
  .company_intro{ flex-direction: column; }
  .company_intro .fl{ padding-right: 0; width: 100%; }
  .company_intro .fr{ padding-left: 0; width: 100%; }
  .company_intro .fl .company_data{ margin-top:24px; }
  .company_intro .fr .tit{ padding:24px 0; }
  .company_intro .fr .tit b{ top:60px; }
  .company_intro .fr > img{ margin-top: 24px; width: 100%; height: 310px; object-fit: cover; }
}
@media only screen and (max-width: 992px){
  .company_intro{ padding:30px 0; }
  .company_intro .fl .company_data{ margin-top:0; }
  .company_intro .fr .tit{ padding:20px 0; }
  .company_intro .fr .tit b{ top:60px; }
  .company_intro .fr > img{ margin-top: 20px; width: 100%; height: 260px; object-fit: cover; }
  .company_intro .fl .info p{ margin-bottom: 20px; }
}
@media only screen and (max-width: 768px){
  .company_intro{ padding:25px 0; }
  .company_intro .fl .tit span{ font-size: 62px; }
  .company_intro .fl .tit small{ margin-left: 12px; }
  .company_intro .fr > img{height: 220px; }
}
@media only screen and (max-width: 640px){
  .company_intro{ padding:0; }
  .company_intro .fl .tit span{ font-size: 52px; }
  .company_intro .fl b{ margin:12px 0 20px; font-size: 32px; }
  .company_intro .fl .info{ font-size: 15px; line-height: 1.5; }
  .company_intro .fl .info p{ margin-bottom: 15px; }
  .company_intro .fl .company_data{ margin:15px 0; }
  .company_intro .fl .company_intro .fr > img{height: 200px; }
  .company_intro .fl .company_data li span{ font-size: 30px; }
  .company_intro .fl .company_data li small{ font-size: 14px; }
  .company_intro .fl .company_data li i{ font-size: 24px; }
  .company_intro .fl .company_data li p{ margin-top: 10px; font-size: 14px; }
  .company_intro .fl .company_data li{ padding:20px 0; }
}
@media only screen and (max-width: 576px){
  .company_intro .fl .tit span{ font-size: 48px; }
  .company_intro .fl b{ margin:12px 0 20px; font-size: 30px; }
  .company_intro .fl .info{ font-size: 14px; line-height: 1.5; }
  .company_intro .fl .info p{ margin-bottom: 12px; }
  .company_intro .fr .tit{ display: none; }
  .company_intro .fr > img{height: 180px; }
  .company_intro .fl .company_data{ margin:12px 0; }
  .company_intro .fl .company_data li{ padding:15px 0; }
  .company_intro .fl .company_data li span{ font-size: 22px; }
  .company_intro .fl .company_data li small{ font-size: 12px; }
  .company_intro .fl .company_data li i{ font-size: 20px; margin-bottom: 10px; }
  .company_intro .fl .company_data li p{ margin-top: 10px; font-size: 12px; }
}

/* m_factory */
.m_factory{ overflow: hidden; background: var(--zhu-color); position: relative; }
#particles-js{ background-size:cover; background-position:50% 50%; background-repeat:no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; }
.m_factory .hd{ text-align: center; width:100%; padding:52px 0 40px; }
.m_factory .hd b{ font-size: 48px; color: #ffffff; line-height: 1; font-weight: normal; }
.m_factory .bd{ overflow: hidden; width: 100%; padding-bottom: 38px; }
#factory{ width: 100%; padding-bottom: 70px; }
#factory a{ display: block; background: #fff; padding:15px; position: relative; }
#factory a::after{ content:""; position:absolute; bottom:0; right:0; width:0; height:3px; background:var(--pei-color); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#factory a:hover::after{ left:0; width:100%; }
#factory a .img{ width: 100%; padding-bottom: 72%; position: relative; overflow: hidden; }
#factory a .img img{ width: 100%; object-fit: cover; transition: all .3s; position: absolute; }
#factory a .info{ margin:22px -5px 0; padding:26px 12px 4px; border-top: 1px solid #e2e1e1; }
#factory a .info b{ font-weight: normal; display: block; font-size: 18px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 12px; transition: all .3s; }
#factory a .info p{ display: block; font-size: 14px; color: #999999; line-height: 1.3; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#factory a:hover img{ transition: all .3s; transform: scale(1.05); }
#factory a:hover b{ transition: all .3s; color: var(--pei-color); }
#factory .swiper-button-next, #factory .swiper-button-prev{ top:auto; bottom:0; width: 74px; height: 38px; background: #cccccc; transition: all .3s; }
#factory .swiper-button-next::after, #factory .swiper-button-prev::after{ display: none; }
#factory .swiper-button-next span, #factory .swiper-button-prev span{ font-size: 20px; line-height: 1; color: #fff; }
#factory .swiper-button-prev span{ position: relative; top:2px; }
#factory .swiper-button-next:hover, #factory .swiper-button-prev:hover{ background: var(--pei-color); transition: all .3s; }
#factory .swiper-button-next{ right: calc(50% - 90px); }
#factory .swiper-button-prev{ left: calc(50% - 90px); }
@media only screen and (max-width: 1400px){
  .m_factory .hd{ padding:40px 0; }
  .m_factory .hd b{ font-size: 40px; }
}
@media only screen and (max-width: 1200px){
  .m_factory .hd{ padding:30px 0; }
  .m_factory .hd b{ font-size: 36px; }
  .m_factory .bd{ padding-bottom:30px; }
}
@media only screen and (max-width: 992px){
  .m_factory .hd{ padding:25px 0; }
  .m_factory .hd b{ font-size: 32px; }
  .m_factory .bd{ padding-bottom:25px; }
  #factory a .info{ padding:24px 12px; }
}
@media only screen and (max-width: 768px){
  .m_factory .hd{ padding:20px 0; }
  .m_factory .hd b{ font-size: 28px; }
  .m_factory .bd{ padding-bottom:20px; }
  #factory{ padding-bottom: 52px; }
  #factory .swiper-button-next, #factory .swiper-button-prev{ height: 32px; }
}
@media only screen and (max-width: 640px){
  .m_factory .hd{ padding:15px 0; }
  .m_factory .hd b{ font-size: 24px; }
  .m_factory .bd{ padding-bottom:15px; }
  #factory{ padding-bottom: 46px; }
  #factory a .info{ padding:20px 12px; }
  #factory .swiper-button-next, #factory .swiper-button-prev{ height: 30px; }
}
@media only screen and (max-width: 576px){
  #factory{ padding-bottom: 42px; }
  #factory a{ padding:8px; }
  #factory a .info{ margin:8px 0 0; padding:0; }
  #factory a .info b{ font-size: 13px; margin:0; padding:8px 0; }
  #factory a .info p{ display: none; }
  #factory .swiper-button-next, #factory .swiper-button-prev{ width:56px; height: 24px; }
  #factory .swiper-button-next{ right:calc(50% - 65px); }
  #factory .swiper-button-prev{ left:calc(50% - 65px); }
}

/* industry_dynamics */
.industry_dynamics{ overflow: hidden; padding:0 0 46px; }
.industry_dynamics .bd{ display: flex; align-items: center; justify-content: space-between; }
.industry_dynamics .fl, .industry_dynamics .fr{ width:33.3333%; display:block; box-sizing: border-box; }
.industry_dynamics .fl{ padding:30px 10px 0 10px; }
.industry_dynamics .fr{ padding-left: 15px; }
.industry_dynamics .fl a{ display: block; overflow: hidden; width: 100%; overflow: hidden; position: relative; }
.industry_dynamics .fl a img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
.industry_dynamics .fl a b{ display: block; position: absolute; left:0; bottom:0; background: rgba(0, 0, 0, .5); width: 100%; box-sizing: border-box; padding:24px 30px; font-size: 16px; color: #ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.industry_dynamics .fl a:hover img{ transition: all .3s; transform: scale(1.05); }
.industry_dynamics .fr a{ display: flex; align-items: center; }
.industry_dynamics .fr a + a{ margin-top: 16px; }
.industry_dynamics .fr a .img{ width: 50%; box-sizing: border-box; padding-right: 15px; padding-bottom: 30%; position: relative; overflow: hidden; }
.industry_dynamics .fr a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
.industry_dynamics .fr a .info{ display: flex; flex-direction: column; justify-content: center; width: 50%; box-sizing: border-box; padding-left: 15px; overflow: hidden; }
.industry_dynamics .fr a .info b{ font-size: 18px; color: #333333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1; margin-bottom: 30px; }
.industry_dynamics .fr a .info p{ font-size: 16px; color: #999999; line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.industry_dynamics .fr a .info small{ margin-top: 20px; font-size: 16px; color: #333333; }
.industry_dynamics .fr a:hover img{ transition: all .3s; transform: scale(1.05); }
.industry_dynamics .fr a:hover b{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .industry_dynamics{ padding:0 0 30px; }
  .industry_dynamics .fl a b{ padding:14px 20px; }
}
@media only screen and (max-width: 1200px){
  .industry_dynamics .fr a .info b{ font-size: 17px; margin-bottom: 20px; }
  .industry_dynamics .fr a .info p{ font-size: 14px;  }
  .industry_dynamics .fr a .info small{ margin-top: 12px; }
  .industry_dynamics .fl{ padding-right: 5px; }
  .industry_dynamics .fr a + a{ margin-top: 20px; }
}
@media only screen and (max-width: 992px){
  .industry_dynamics .fl a{ padding-bottom: 66%; }
}
@media only screen and (max-width: 768px){
  .industry_dynamics{ padding:0 0 20px; }
  .industry_dynamics .bd{ flex-direction: column; }
  .industry_dynamics .fl, .industry_dynamics .fr{ width:100%; }
  .industry_dynamics .fl{ padding-right: 0; margin-bottom: 20px; }
  .industry_dynamics .fl a{ padding-bottom: 1%; }
  .industry_dynamics .fr{ padding-left: 0; }
  .industry_dynamics .fr a .img{ width:40%; padding-bottom: 22%; }
  .industry_dynamics .fr a .info{ width:60%; }
}
@media only screen and (max-width: 640px){
  .industry_dynamics .fr a .info b{ font-size: 16px; margin-bottom: 12px; }
  .industry_dynamics .fl a b{ font-weight: normal; padding:10px 15px; }
}
@media only screen and (max-width: 576px){
  .industry_dynamics .fr a .info small{ font-size: 12px; margin-top: 3px; }
  .industry_dynamics .fl a b{ font-size: 14px; margin-bottom: 3px; }
  .industry_dynamics .fr a .info p{ font-size: 12px; }
}

/* enterprise_news */
.enterprise_news{ overflow: hidden; padding:0 0 36px; background: #f4f5f6; }
.enterprise_news .bd{ width: 100%; overflow: hidden; }
.enterprise_news a{ display: block; overflow: hidden; }
.enterprise_news a .img{ width:100%; padding-bottom: 54%; position: relative; overflow: hidden; }
.enterprise_news a .img img{ width:100%; height: 100%; position: absolute; transition: all .3s; object-fit: cover; }
.enterprise_news a .info{ overflow: hidden; }
.enterprise_news a .info small{ display: inline-block; margin:26px 0; font-size: 16px; color: #333333; line-height: 1; }
.enterprise_news a .info b{ font-size: 24px; color: #333333; line-height: 1; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: normal; transition: all .3s; }
.enterprise_news a .info span{ line-height: 1; display: block; margin:48px 0; font-size: 26px; color: #999999; transition: all .3s; }
.enterprise_news a:hover img{ transition: all .3s; transform: scale(1.05); }
.enterprise_news a:hover b{ transition: all .3s; color: var(--pei-color); }
.enterprise_news a:hover span{ transition: all .3s; margin-left: 20px; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .enterprise_news a .info span{ margin:24px 0; }
}
@media only screen and (max-width: 1200px){
  .enterprise_news a .info b{ font-size: 20px; }
  .enterprise_news a .info span{ margin:20px 0 0; }
}
@media only screen and (max-width: 992px){
  .enterprise_news{ padding:0 0 30px; }
  .enterprise_news a .info b{ font-size: 18px; }
  .enterprise_news a .info small{ margin:20px 0; }
}
@media only screen and (max-width: 640px){
  .enterprise_news{ padding:0 0 20px; }
  .enterprise_news a .info small{ margin:16px 0; }
  .enterprise_news a .info b{ font-size: 17px; }
  .enterprise_news a .info span{ margin: 12px 0 0; font-size:20px; }
}
@media only screen and (max-width: 576px){
  .enterprise_news{ padding:0 0 10px; }
  .enterprise_news a .info small{ margin:12px 0; }
  .enterprise_news a .info b{ font-size: 16px; }
  .enterprise_news a .info span{ margin: 10px 0 0; font-size:20px; }
}

/* product_content */
.product_content{ overflow: hidden; width: 100%; }
.product_content .g_tit{ text-align: center; position: relative; width: 100%; margin:25px 0; }
.product_content .g_tit b{ font-size: 36px; color: rgb(51, 51, 51); font-weight:300; display: inline-block; padding:0 15px; background: #ffffff; position: relative; z-index: 1; }
.product_content .g_tit::after{ content: ""; width: 100%; height: 1px; background: rgb(218, 218, 218); position: absolute; left: 0px; top: 50%; z-index: 0; }
.product_tit{ overflow: hidden; padding:20px 0 0px; }
.product_tit b{ display: block; font-size: 48px; text-align:center; margin-bottom: 20px; }
.product_tit .parm{ display: flex; align-items: center; justify-content: flex-start; }
.product_tit .parm li{ padding:0 50px; display: inline-flex; flex-direction: column; justify-content: flex-start; position: relative; }
.product_tit .parm li:nth-child(1){ padding-left: 0; }
.product_tit .parm li span{ display: block; font-size: 28px; color: rgb(51, 51, 51); line-height:1; margin-bottom: 5px; }
.product_tit .parm li small{ display: block; font-size: 16px; color: rgb(102, 102, 102); line-height:1; margin-bottom: 5px; }
.product_tit .parm li + li::before{ content: ""; width: 1px; height: 90%; background: rgb(179, 179, 179); position: absolute; z-index: 0; left: 0px; top: 5%; }
.product_content .product_focus{ padding:0 6.25%; overflow: hidden; }
.product_content .content{ overflow: hidden; }
.product_content .content p{ font-size: 16px; color: #666666; line-height: 1.8; }
.product_content .content strong{ display: inline-block; font-size: 36px; color: #333333; font-weight: bold; position: relative; padding:20px 0; margin:0 0 30px; }
.product_content .content strong::after{ content: ""; display: inline-block; width: 44px; height: 4px; background: var(--zhu-color); border:0; position: absolute; left:50%; bottom:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.product_content .content ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.product_content .content ul li{ width: calc(50% - 15px); margin-bottom: 30px; }
.product_content .content ul li p{ width: 100%; padding-bottom: 64%; position: relative; overflow: hidden; }
.product_content .content ul li p img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.product_content .content ul li:hover img{ transition: all .3s; transform: scale(1.05); }
.product_content .content ol{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.product_content .content ol li{ width: calc(25% - 22.5px); margin-bottom: 30px; }
.product_content .content ol li p{ width: 100%; padding-bottom: 69%; position: relative; overflow: hidden; }
.product_content .content ol li p img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.product_content .content ol li:hover img{ transition: all .3s; transform: scale(1.05); }
#gfocus{ width: 100%; box-sizing: border-box; }
#gfocus .swiper-slide{ padding:0 15%; text-align: center; }
#gfocus img{ max-width: 100%; object-fit: contain; }
#gfocus .swiper-button-next, #gfocus .swiper-button-prev{ width: 66px; height: 99px; }
#gfocus .swiper-button-next::after, #gfocus .swiper-button-prev::after{ display: none; }
#gfocus .swiper-button-next span, #gfocus .swiper-button-prev span{ font-size: 66px; color: #b2b2b2; transition: all .3s; }
#gfocus .swiper-button-next:hover span, #gfocus .swiper-button-prev:hover span{ color: var(--zhu-color); transition: all .3s; }
#glist{ width: 61.25%; margin:0 auto; box-sizing: border-box; margin-top:24px; }
#glist .swiper-slide{ border:1px solid #eee; }
#glist .swiper-slide:hover{ border:1px solid var(--zhu-color); }
#glist img{ max-width: 100%; box-sizing: border-box;  }
.product_content .content p > em{ display: block; width:100%; margin:20px 0; text-align: center; position: relative; width: 100%; }
.product_content .content p > em strong{ font-size: 36px; color: rgb(51, 51, 51); font-weight:300; display: inline-block; padding:0 15px; background: #ffffff; position: relative; z-index: 1; }
.product_content .content p > em::after{ content: ""; width: 100%; height: 1px; background: rgb(218, 218, 218); position: absolute; left: 0px; top: 50%; z-index: 0; }
.product_content .content img{ margin:0 auto; }
@media only screen and (max-width: 1600px){
  .product_tit{ padding:20px 0 0; }
  .product_content .g_tit{ margin:20px 0; }
}
@media only screen and (max-width: 1400px){
  .product_tit b{ font-size: 40px; }
  .product_tit .parm li{ padding:0 50px; }
  .product_content .g_tit b{ font-size: 32px; }
  .product_content .product_focus{ padding:0 3%; }
  .product_content .content strong{ font-size: 32px; padding:15px 0; }
  .product_content .content ul li{ width: calc(50% - 10px); margin-bottom: 20px; }
  .product_content .content ol li{ width: calc(25% - 15.5px); margin-bottom: 20px; }
  #glist{ width:80%;  }
}
@media only screen and (max-width: 1200px){
  .product_tit{ text-align: center; }
  .product_tit .parm{ justify-content: center; }
  .product_tit b{ font-size: 36px; }
  .product_content .content img{ width:100%; }
  .product_tit .parm li span{ font-size: 24px; }
  .product_content .product_focus{ padding:0; }
  #glist{ width:100%; margin-top:20px; }
}
@media only screen and (max-width: 992px){
  .product_tit b{ font-size: 28px; }
  .product_tit .parm li span{ font-size: 18px; }
  .product_tit .parm li{ padding:0 40px; }
  .product_content .g_tit b{ font-size: 26px; }
  .product_content .content strong{ font-size: 26px; }
  #gfocus .swiper-slide{ padding:0 10%; }
}
@media only screen and (max-width: 768px){
  .product_tit{ padding:15px 0 0; }
  .product_tit b{ font-size: 22px; margin-bottom: 15px; }
  .product_content .g_tit{ margin:15px 0; }
  .product_tit .parm li{ padding:0 30px; }
  .product_tit .parm li span{ font-size: 17px; }
  .product_tit .parm li small{ font-size: 14px; }
  .product_content .g_tit b{ font-size: 20px; }
  .product_content .content strong{ font-size: 20px; }
  #gfocus .swiper-button-next, #gfocus .swiper-button-prev{ width: 30px; height: 45px; }
  #gfocus .swiper-button-next span, #gfocus .swiper-button-prev span{ font-size: 30px; }
  .product_content .content ul li, .product_content .content ol li{ width: calc(50% - 7.5px); margin-bottom: 15px; }
}
@media only screen and (max-width: 640px){
  .product_tit b{ font-size: 18px; }
  .product_tit .parm li{ padding:0 20px; }
  .product_tit .parm li span{ font-size: 16px; }
  .product_tit .parm li small{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .product_tit{ padding:0; }
  .product_tit b{ font-size: 17px; }
  .product_tit .parm{ flex-wrap: wrap; }
  .product_tit .parm li{ padding:0 8px; display: inline-block; width:100%; padding:4px 0; }
  .product_tit .parm li + li::before{ display: none; }
  .product_tit .parm li span{ font-size: 14px; }
  .product_tit .parm li small{ font-size: 12px; }
  #glist{ margin-top: 15px; }
}

/* case_list */
.case_list a { display: block; width:100%; margin-bottom: 30px; }
.case_list a .img{ width: 100%; padding-bottom: 152%; position: relative; overflow: hidden; }
.case_list a .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all 0.6s ease 0s; }
.case_list a .img span{ font-size: 30px; position: absolute; right:20px; bottom:20px; color: #ffffff; line-height: 1; }
.case_list a b{ font-weight: normal; display: block; font-size: 24px; color: #333333; line-height: 1; padding:20px 0; border-bottom: 1px solid #e1e1e1; transition: all .4s linear; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case_list a:hover img { transform: scale(1.06); }
.case_list a:hover b{ transition: all .3s; border-color: var(--zhu-color); color: var(--zhu-color); }
/* honor_list */
.honor_list a { padding-bottom: 72%; }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
  .case_list a{ margin-bottom: 25px; }
  .honor_list a{ margin-bottom: 25px; }
}
@media only screen and (max-width: 640px){
  .case_list a{ margin-bottom: 20px; }
  .honor_list a{ margin-bottom: 20px; }
}
@media only screen and (max-width: 576px){
  .case_list a{ margin-bottom: 15px; }
  .honor_list a{ margin-bottom: 15px; }
}

/* prev_next */
.prev_next{ width:100%; margin:20px 0 0; display: flex; }
.prev_next>div{ width:50%; padding:12px; border: 1px solid #e9e9e9; display: flex;flex-direction: row;align-items: center; justify-content: flex-start; }
.prev_next>div + div{ border-left: 0; }
.prev_next>div a{ color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }
.prev_next>div a:hover{ color: var(--zhu-color);}

@media only screen and (max-width: 640px){
  .prev_next{ flex-wrap: wrap; }
  .prev_next>div{ width:100%; }
  .prev_next>div + div{ border-left: 1px solid #e9e9e9; border-top: 0; }
}

/* service_info */
.service_info{ margin-bottom: 60px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.service_info .info, .service_info .img{ width: calc(50% - 15px); }
.service_info .info{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.service_info .info .tit{ display: block; width:100%; overflow: hidden; margin-bottom: 45px; }
.service_info .info span{ font-size: 36px; color: var(--zhu-color); font-family: DINB; text-transform: uppercase; display: block; line-height: 1; }
.service_info .info b{ font-size: 36px; font-weight: normal; text-indent: -18px; padding-right: 72px; position: relative; color: #333333; display: inline-block; line-height: 1; margin-top: 18px; }
.service_info .info b::after{ content: ""; display: block; width: 54px; height:12px; background: url(../images/blue_simle.png) no-repeat center; position: absolute; right:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.service_info .info p{ font-size: 16px; color: #666666; line-height: 1.6; margin-bottom: 24px; }
.service_info .img{ border:2px solid #f2f2f2; overflow: hidden; border-radius: 5px; }
.service_info .img img{ max-width: 100%; transition: all .3s; }
.service_info .img:hover img{ transition: all .3s; transform: scale(1.05); }
.service_list{ width: 100%; ; display: flex; align-items: center; justify-content: space-between; }
.service_list li{ display: flex; justify-content: space-between; width: calc(50% - 15px); background: #f6f6f6; box-sizing: border-box; padding:40px; min-height: 472px; transition: all .8s; position: relative; top:0; }
.service_list li .info{ width: 70%; position: relative; }
.service_list li .info span{ position: absolute; top:0; font-size: 36px; color: rgba(51, 51, 51, .12); font-family: DINB; line-height: 1.2; text-transform: uppercase; display: inline-block; width:200px; }
.service_list li .info b{ transition: all .8s; display: block; font-size: 36px; color: #333333; line-height: 1; font-weight: normal; margin:124px 0 24px; }
.service_list li .info p{ transition: all .8s; font-size: 16px; color: #666666; line-height: 1.6; margin-bottom: 20px; }
.service_list li .icon{ text-align: center; position: relative; overflow: hidden; }
.service_list li .icon::after{ content: ""; display: block; width: 75px; height:17px; background: url(../images/white_simle.png) no-repeat center; position: absolute; bottom:-100%; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.service_list li .icon span{ transition: all .8s; font-size: 92px; color: var(--zhu-color); line-height: 1; position: relative; top:0; }
.service_list li:hover{ transition: all .8s; background: var(--zhu-color); }
.service_list li:hover span{ transition: all .8s; top:70%; color: rgba(255, 255, 255, .12); }
.service_list li:hover b{ transition: all .8s; color: #ffffff; margin:24px 0 24px }
.service_list li:hover p{ transition: all .8s; color: rgba(255, 255, 255, 0.45); }
.service_list li:hover .icon span{ transition: all .8s; top:60%; color: #fff; }
.service_list li:hover .icon::after{ transition: all .8s; bottom:10%; }
@media only screen and (max-width: 1400px){
  .service_info{ margin-bottom: 40px; }
  .service_info .info p{ margin-bottom: 6px; }
  .service_info .info .tit{ margin-bottom: 30px; }
  .service_list li{ min-height:362px; }
  .service_list li .info{ width:78%; }
  .service_list li .info p{ font-size:14px; }
  .service_list li .info b{ font-size: 26px; margin:54px 0 24px; }
  .service_list li .info span{ font-size: 26px; width:auto; }
  .service_list li .icon span{ font-size:72px; }
  .service_list li:hover b{ margin:0 0 24px; }
  .service_list li:hover span{ transition: all .8s; top:85%; color: rgba(255, 255, 255, .12); }
  .service_list li:hover .icon span{ transition: all .8s; top:64%; color: #fff; }
  .service_list li:hover .icon::after{ transition: all .8s; bottom:0; }
}
@media only screen and (max-width: 1200px){
  .service_info{ margin-bottom: 30px; }
  .service_info .info p{ font-size: 14px; line-height: 1.5; }
  .service_info .info span{ font-size: 28px;  }
  .service_info .info b{ margin-top:12px; font-size: 26px; }
  .service_info .info .tit{ margin-bottom: 20px; }
  .service_list li{ padding:25px; min-height: 296px; }
  .service_list li .info{ width:90%; }
  .service_list li .info b{ font-size: 24px; margin:46px 0 16px; }
  .service_list li .info p{ font-size: 14px; line-height: 1.5; margin-bottom: 12px; }
  .service_list li .icon span{ font-size: 42px; }
  .service_list li:hover b{ margin:0 0 16px; }
  .service_list li:hover .icon span{ transition: all .8s; top:76%; color: #fff; }
}
@media only screen and (max-width: 992px){
  .service_info{ flex-wrap: wrap; margin-bottom: 15px; }
  .service_info .info, .service_info .img{ width:100%; }
  .service_info .img{ height: 360px; }
  .service_info .img img{ width:100%; object-fit: cover; }
  .service_list li{ width:calc(50% - 7.5px); padding:20px; }
  .service_list li .info b{ font-size:18px; font-weight: bold; margin:36px 0 14px; }
  .service_list li .info p{ font-size:13px; }
  .service_list li .info span{ font-size:22px; }
  .service_list li:hover b{ margin:0 0 14px; }
}
@media only screen and (max-width: 768px){
  .service_info .img{ height: auto; }
  .service_list{ flex-wrap: wrap; }
  .service_list li{ padding:30px; width:100%; margin-bottom: 15px; min-height: 240px; }
  .service_list li:hover .icon span{ transition: all .8s; top:70%; color: #fff; }
  .service_list li:hover .icon::after{ transition: all .8s; bottom:0; background-size: 50%; }
}
@media only screen and (max-width: 576px){
  .service_info .info span{ font-size: 26px; }
  .service_info .info b{ font-size:22px; }
  .service_list li{ padding:20px; }
  .service_list li .info p{ font-size:12px; }
}

/* article_list */
.article_list{ overflow: hidden; width: 100%; }
.article_list li + li a{ border-top:1px solid #e9e9e8; }
.article_list a{ display: block; width: 100%; display: flex; align-items: center; padding:20px 0; }
.article_list a .img{ width: 100%; padding-bottom: 52%; overflow: hidden; position: relative; }
.article_list a .img img{ width: 100%; height: 100%; object-fit: cover; background: #f1f1f1; transition: all .3s; position: absolute; }
.article_list a .img span{ position: absolute; left: 50%; top:50%; color: #666; font-size: 12px;  opacity: 0; }
.article_list a .txt{ overflow: hidden; }
.article_list a .txt strong{ transition: all .3s; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; font-weight: bold; color: #1E1E1E; font-weight: normal; margin:12px 0 6px; }
.article_list a .txt small{ color: #999; font-size: 13px; margin-bottom: 20px; display: block; }
.article_list a .txt p{ position: relative; transition: all .3s; font-size: 16px; color: #777; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article_list a .txt p::before{ content: ""; display: inline-block; width: 2px; height: 0; position: absolute; left: 0; top:0; transition: all .3s; background: var(--zhu-color); border:0; }
.article_list a:hover strong{ transition: all .3s; color: var(--zhu-color); }
.article_list a:hover .txt p{ transition: all .3s; padding-left: 30px; }
.article_list a:hover .txt ::before{ transition: all .3s; height: 100%; }
.article_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.article_list a:hover .img small{ opacity: 1; transition: all .3s; background: rgba(255,255,255,.6); padding:8px 16px; }
@media only screen and (max-width: 640px){
  .article_list a{ flex-wrap: wrap; padding: 0 0 15px; }
  .article_list a .img{ height: auto; padding-bottom: 40%; }
  .article_list a .txt small{ margin-bottom: 10px; }
  .article_list a .txt p{ margin-bottom: 0; font-size: 14px; }
  .article_list a .txt strong{font-size: 16px;}
}

/* page_tit */
.page_tit{ padding:30px 0; border-bottom: 1px solid #72707c; width:100%; margin-bottom: 50px; }
.page_tit b{ font-size: 32px; color:#333333; font-weight:bold; line-height: 1; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page_tit .meta{ font-size: 20px; color:#aaaaaa; line-height: 1; margin-top: 12px; display: block; }

/* article_sider */
.article_sider{ overflow: hidden; }
.article_sider b{ font-size: 18px; color: #474747; font-weight: bold; line-height: 1; margin-bottom: 12px; display: block; }
.article_sider a{ font-size: 16px; color: #474747; line-height: 1.8; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.article_sider a:hover{ transition: all .3s; color: var(--zhu-color); }
.article_sider .bd{ margin-bottom: 24px; }
@media only screen and (max-width: 1400px){
  .page_tit{ margin-bottom: 30px; }
  .page_tit b{ font-size: 24px; }
  .page_tit .meta{ font-size: 16px; }
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
  .page_tit{ margin-bottom: 20px; padding:20px 0; }
  .page_tit b{ font-size: 20px; }
  .page_tit .meta{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .article{ width: calc(100% + 30px); }
  .article .fl, .article .fr{ padding:0; }
  .article .fl{ padding:15px; }
  .prev_next > div{ padding:8px 12px; }
  .article_sider{ display: none; }
}
@media only screen and (max-width: 640px){
  .page_tit{ margin-bottom: 15px; padding:15px 0; }
  .page_tit b{ font-size: 18px; }
  .page_tit .meta{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
}

/* contact_msg */
.contact_msg{ overflow: hidden; clear: both; width: 100%; margin:0; }
.contact_info{ width: 100%; box-sizing: border-box; border:1px solid #e6e6e6; padding:30px; }
.contact_info b{ display: block; font-size: 28px; color: #333333; }
.contact_msg .txt{ overflow: hidden; margin-bottom: 20px; }
.contact_msg .txt li{ padding:14px 0; border-bottom: 1px dashed #cdcdcd; display: flex; align-items: flex-start; justify-content: flex-start; }
.contact_msg .txt li span{ font-size: 40px; color: var(--pei-color); line-height: 1; margin-right: 32px; }
.contact_msg .txt li small{ font-size: 15px; color: #595959; display: block; line-height: 1; margin-bottom: 6px; }
.contact_msg .txt li p, .contact_msg .txt li p a{ font-size: 20px; color: #333333; line-height: 1.5; }
.contact_msg .ewm{ overflow: hidden; }
.contact_msg .ewm div{ width: 160px; float: left; box-sizing: border-box; padding:6px; border:1px solid #707070; }
.contact_msg .ewm div img{ max-width: 100%; }
.contact_msg .ewm div + div{ margin-left: 30px; }
.contact_msg form{ width: 100%; box-sizing: border-box; overflow: hidden; background: #f1f3f3; padding:30px 20px; }
.contact_msg .form_item, .contact_msg .form_box, .contact_msg .form_btn{ overflow: hidden; margin-bottom: 25px; }
.contact_msg .form_item input{ width: 100%; height: 54px; line-height: 54px; background: #ffffff; border-radius: 5px;box-sizing: border-box; padding:0 18px; font-size: 12px; color: #999999; border:0; }
.contact_msg .form_box textarea{ width: 100%; height: 136px; line-height: 1.5;border-radius: 5px; background: #fff; box-sizing: border-box; padding:20px 18px; font-size: 12px; color: #999999; font-family: "微软雅黑"; resize: none; border:0; }
.contact_msg .form_btn input{ float: left; width: 210px; height: 54px; line-height: 54px; border-radius: 5px; background: #fff; box-sizing: border-box; padding:0 18px; font-size: 12px; color: #999999; border:0; }
.contact_msg .form_btn img{ width: 160px; height: 54px; object-fit: cover; float: left; margin-left: 30px; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; }
.contact_msg .csubmit{  display: block; padding:20px 0; width: 100%; box-sizing: border-box; font-size: 14px; color: #fff; background: var(--zhu-color); border:0;  text-align: center; border-radius: 5px; }
.contact_msg .csubmit:hover{ transition: all .3s; }
/* contact_map */
.contact_map{ border:1px solid #f1f1f1; overflow: hidden; box-sizing: border-box; margin: 30px 0 0; }
.contact_map #dituContent{ width: 100%; height: 520px; }
@media only screen and (max-width: 1400px){
  .contact_info{ padding:28px 22px; }

}
@media only screen and (max-width: 1200px){
  .contact_msg .ewm div{ width:45%; }
  .contact_msg .txt li span{ margin-right: 12px; }
  .contact_msg .txt li p, .contact_msg .txt li p a{ font-size: 17px; }
  .contact_map #dituContent{ height:460px; }
}
@media only screen and (max-width: 992px){
  .contact_msg .ewm div{ width:160px; }
  .contact_info{ margin-bottom: 20px; }
}
@media only screen and (max-width: 768px){
  .contact_info b{ font-size: 24px; }
  .contact_msg .csubmit{ padding:16px 0; }
  .contact_msg .form_item, .contact_msg .form_box, .contact_msg .form_btn{ margin-bottom: 20px; }
  .contact_msg form{ padding:20px; }
  .contact_map #dituContent{ height:420px; }
}
@media only screen and (max-width: 640px){
  .contact_info{ padding:15px; }
  .contact_msg .ewm{ display: flex; justify-content: space-between; }
  .contact_map #dituContent{ height:400px; }
}
@media only screen and (max-width: 576px){
  .contact_map #dituContent{ height:360px; }
  .contact_msg .ewm div{ width: 48%; }
  .contact_msg .ewm div + div{ margin-left: 0; }
  .contact_msg .form_btn input{ width:42%; }
  .contact_msg .form_btn img{ margin-left: 10px; }
}

/* jobs_list */
.jobs_list{ overflow: hidden; }
.jobs_list li{ width: 100%; margin-bottom: 30px; }
.jobs_list li .hd small{ font-size: 36px; color: #d9d9d9; line-height: 1; font-family: Tahoma; font-weight: bold; text-transform: uppercase; }
.jobs_list li .hd b{ font-weight: bold; font-family: "宋体"; display: block; font-size: 27px; color: #404040; line-height: 1; margin:16px 0 0; }
.jobs_list li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f1f1f3; padding:60px 0; }
.jobs_list li a b{ font-weight: normal; display: block; box-sizing: border-box; padding:0 20px 20px; font-size: 22px; color: #1a152b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative; }
.jobs_list li a b::after{ content: ""; display: inline-block; width: 30px; height: 4px; background: var(--pei-color); transition: all .6s; position: absolute; bottom:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.jobs_list li a small{ display: inline-block; margin-top: 30px; padding:12px 42px; background: transparent; border:1px solid #72707c; border-radius: 30px; font-size: 12px; color: #1a152b; line-height: 1; transition: all .6s; }
.jobs_list li a:hover small{ transition: all .6s; background:var(--zhu-color); border-color: var(--zhu-color); color: #fff; }
.jobs_list li a:hover b::after{ transition: all .6s; width: 60px; }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
  .jobs_list li{ padding-right: 7.5px; }
  .jobs_list li:nth-child(2n+0){ padding-left: 7.5px; }
  .jobs_list li .hd small{ font-size:30px; }
  .jobs_list li .hd b{ font-size: 24px; margin:10px 0 0; }
}
@media only screen and (max-width: 768px){
  .jobs_list li{ margin-bottom: 25px; }
  .jobs_list li .hd small{ font-size:26px; }
  .jobs_list li .hd b{ font-size: 20px; margin:6px 0 0; }
}
@media only screen and (max-width: 640px){
  .jobs_list li{ margin-bottom: 20px; }
  .jobs_list li .hd{ margin: 12px 0; display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; }
  .jobs_list li .hd b{ margin-top:0; margin-right: 12px; }
  .jobs_list li .hd small{ font-size: 24px; }
}
@media only screen and (max-width: 576px){
  .jobs_list li{ margin-bottom: 15px; }
  .jobs_list li .hd{ margin: 10px 0; }
  .jobs_list li .hd small{ font-size: 20px; }
  .jobs_list li a{ padding:30px 0; }
  .jobs_list li a b{ font-size: 14px; }
  .jobs_list li a small{ padding:6px 12px; margin-top: 20px; }
}

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_5s7ulj4c1u8.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_5s7ulj4c1u8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_5s7ulj4c1u8.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_5s7ulj4c1u8.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_5s7ulj4c1u8.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_5s7ulj4c1u8.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
/* o_model */
.o_model{ overflow: hidden; }
.o_model .m_tit{ padding:20px 0 40px; }
.o_model .swiper-slide{ text-align: center; }
.o_model .swiper-slide .tit{ font-family: "LIHEI"; font-size: 36px; color: #ffffff; margin-bottom: 20px; display: inline-flex; align-items: center; justify-content: center; width:60px; height: 60px; background: var(--zhu-color); border-radius: 50%; }
.o_model .swiper-slide .info{ padding:15px 24px; background:var(--zhu-color); border-radius: 5px; transition: all .3s; }
.o_model .swiper-slide .info p{ font-family: "webfont"; font-size: 16px; color: #ffffff; line-height: 1.5; margin-bottom: 12px; }
.o_model .swiper-slide .info small{ display: block; font-family: "LIHEI"; font-size: 22px; color: #ffffff; line-height: 1; }
.o_model .swiper-slide .info span{ display: block; font-family: "webfont"; font-size: 12px; color: #ffffff; line-height: 1; text-transform: uppercase; margin:6px 0 8px; }
.o_model .swiper-slide:hover .info{ transition: all .3s; border-radius: 8px; }
@media only screen and (max-width: 1400px){
  .o_model .inner{ padding:0; }
  .o_model .swiper-slide .info{ padding:15px; }
  .o_model .swiper-slide .info small{ font-size: 20px; }
  .o_model .swiper-slide .info p{ font-size: 14px; }
  .o_model .swiper-slide .tit{ font-size: 30px; }
}
@media only screen and (max-width: 1200px){
  .o_model .swiper-slide .info small{ font-size: 22px; }
  .o_model .swiper-slide .info p{ font-size: 16px; min-height: 48px; }
  .o_model .swiper-slide .tit{ font-size: 36px; }
}
@media only screen and (max-width: 992px){
.col-6 {
    flex: 0 0 20%;
}
.col-lg-2 {
    flex: 0 0 76.666667%;
    max-width: 76.666667%;
}

}
@media only screen and (max-width: 768px){
  .o_model .swiper-slide .info small{ font-size: 20px; }
  .o_model .swiper-slide .info p{ font-size: 13px; }
  .o_model .swiper-slide .tit{ font-size: 30px; }
}
@media only screen and (max-width: 640px){
}
@media only screen and (max-width: 576px){
  .o_model .swiper-slide .info p{ font-size: 16px; min-height: auto; }
}

.pages{ margin-top:30px; width:100%;}
#pagelist{ line-height:42px;color:#666; padding:15px;}
#pagelist a{display: inline-table; width:62px; text-align:center; float:left; border:1px solid #e5e5e5;background:#fff; height:44px; font-size:14px;color:#666; line-height:44px; margin-left:5px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#004abb;border:1px solid #004abb;color:#fff;}
#pagelist a:hover{background:#004abb;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:44px; font-size:13px; height:44px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.clearfix{ clear:both;}